<template>
  <el-container>
    <el-header>
      <el-row>
        <el-col :span="4">
          <img class="logo" src="@/assets/images/logo.png" alt="logo" />
        </el-col>
        <el-col :span="14">
          <el-dropdown popper-class="head-nav-popper">
            <span class="el-dropdown-link">
              Dropdown List
              <el-icon class="el-icon--right">
                <arrow-down />
              </el-icon>
            </span>
            <template #dropdown> 111 </template>
          </el-dropdown>
        </el-col>
        <el-col :span="6"></el-col>
      </el-row>
    </el-header>
    <el-main>Main</el-main>
    <el-footer>Footer</el-footer>
  </el-container>
</template>

<script setup lang="ts">
import { ArrowDown } from '@/icons'
</script>

<style scoped lang="scss">
.logo {
  max-width: 85px;
}
</style>
